<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta:desc -->
    <meta name="description" content="小兔鲜儿,致力打造全球最大的食品、生鲜电商购物平台">
    <!-- meta:kw -->
    <meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <!-- link:favicon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 按顺序引入：外链式样式表后写的生效 -->
    <!-- 1.基础公共样式文件引入 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 2.相同模块重复样式引入 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 3.首页的css文件引入 -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./iconfont/font_ss9mqtmwws/iconfont.css">
    <link rel="stylesheet" href="./lib-master/theme-chalk/index.css">
</head>

<body>
    <!-- 快捷导航 -->
    <div class="shortcut">
        <div class="wrapper">
            <ul>
                <li><a href="#" data-war="0" class="yourname">请先登录</a></li>
                <li><a href="#" data-war="1" id="quit1">免费注册</a>
                    <a href="#" data-war="1" id="quit2" style="display: none;">退出登录</a>
                </li>
                <li><a href="#" data-war="2">我的订单</a></li>
                <li><a href="#">会员中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">在线客服</a></li>
                <li><a href="#"><i class="iconfont icon-shouji size"></i><span>手机版</span></a></li>
            </ul>
        </div>
    </div>

    <!-- 头部 -->
    <div class="header">
        <div class="wrapper">
            <div class="logo">
                <h1><a href="#">小兔鲜儿</a></h1>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="./index.html">首页</a></li>
                    <li>
                        <a href="./html/category.html" id="0">居家</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a href="./html/classify.html">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                            alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="1">美食</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                            alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                            alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                            alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="2">服饰</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                            alt="">
                                        <p>室外拖鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                            alt="">
                                        <p>春夏潮鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                            alt="">
                                        <p>飞织系列</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                            alt="">
                                        <p>一脚蹬懒人系列</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="3">母婴</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                            alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                            alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                            alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                            alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="4">个户</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                            alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                            alt="">
                                        <p>浴室用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                            alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                            alt="">
                                        <p>毛巾浴巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="5">严选</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                            alt="">
                                        <p>卫浴用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                            alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                            alt="">
                                        <p>时尚配搭</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                            alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="6">数码</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                            alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="	https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                            alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                            alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="7">运动</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                            alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                            alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                            alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                            alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" id="8">杂项</a>
                        <div class="hiddenLayer">
                            <ul>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="search">
                <i class="iconfont icon-sousuo size"></i>
                <input type="text" placeholder="搜一搜">
                <!-- 定位 放大镜 -->
                <span></span>
            </div>
            <div class="car">
                <i class="iconfont icon-gouwuche size"></i>
                <span>2</span>
                <div class="carLayer">
                    <div class="carList">

                    </div>
                    <div class="carFoot">
                        <div class="carTotal">
                            <p>共 10 件商品</p>
                            <p>¥2083</p>
                        </div>
                        <a href="./html/shoppingCart.html"><button>去购物车结算</button></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--隐藏的头部-->
    <div class="headerHidden">
        <div class="wrapper">
            <div class="hiddenHeader">
                <div class="hiddenHight">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="hiddenConter">
                    <ul>
                        <li>首页</li>
                        <li>
                            <a href="./html/category.html">居家</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                                alt="">
                                            <p>水具杯壶</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                                alt="">
                                            <p>宠物食品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                                alt="">
                                            <p>宠物食品</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>美食</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>网易黑猪</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                                alt="">
                                            <p>水产海鲜</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                                alt="">
                                            <p>全球美食</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                                alt="">
                                            <p>冷冻冷藏</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>服饰</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                                alt="">
                                            <p>室外拖鞋</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                                alt="">
                                            <p>春夏潮鞋</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                                alt="">
                                            <p>飞织系列</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                                alt="">
                                            <p>一脚蹬懒人系列</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>母婴</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                                alt="">
                                            <p>T恤/polo/衬衫</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                                alt="">
                                            <p>卫衣/毛衫</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                                alt="">
                                            <p>外套/套装</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                                alt="">
                                            <p>连体衣/礼盒</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>个护</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                                alt="">
                                            <p>家庭清洁</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                                alt="">
                                            <p>浴室用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                                alt="">
                                            <p>餐厨清洁</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                                alt="">
                                            <p>毛巾浴巾</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>严选</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                                alt="">
                                            <p>卫浴用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                                alt="">
                                            <p>高级珠宝</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                                alt="">
                                            <p>时尚配搭</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                                alt="">
                                            <p>数码电器</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>数码</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                                alt="">
                                            <p>影音娱乐</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                                alt="">
                                            <p>乐器</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="	https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                                alt="">
                                            <p>车载用品</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                                alt="">
                                            <p>办公文具</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>运动</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                                alt="">
                                            <p>登机箱</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                                alt="">
                                            <p>托运箱</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                                alt="">
                                            <p>出行配件</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                                alt="">
                                            <p>户外运动鞋</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a>杂项</a>
                            <div class="hiddenLayer1">
                                <ul>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                                alt="">
                                            <p>茶咖酒具</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="hiddenLeft">
                    <ul>
                        <li class="borderGreen">品牌</li>
                        <li>专题</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 商品分类及焦点图 -->
    <div class="appBody  wrapper">
        <div class="banner">

            <div class="bannerImage">
                <div class="leftNave">
                    <ul>
                        <li data-name="0">
                            <h4>居家</h4><span>茶咖酒具</span><span>水具杯壶</span>
                        </li>
                        <li data-name="1">
                            <h4>美食</h4><span>网易黑猪</span><span>水产海鲜</span>
                        </li>
                        <li data-name="2">
                            <h4>服饰</h4><span>室外拖鞋</span><span>春夏潮鞋</span>
                        </li>
                        <li data-name="3">
                            <h4>母婴</h4><span>T恤/polo/衬衫</span><span>卫衣/毛衫</span>
                        </li>
                        <li data-name="4">
                            <h4>个护</h4><span>家庭清洁</span><span>浴室用品</span>
                        </li>
                        <li data-name="5">
                            <h4>严选</h4><span>卫浴用品</span><span>高级珠宝</span>
                        </li>
                        <li data-name="6">
                            <h4>数码</h4><span>影音娱乐</span><span>乐器</span>
                        </li>
                        <li data-name="7">
                            <h4>运动</h4><span>登机箱</span><span>托运箱</span>
                        </li>
                        <li data-name="8">
                            <h4>杂项</h4><span>乐器杂项</span>
                        </li>
                        <li data-name="9">
                            <h4>品牌</h4><span>品牌推荐</span>
                        </li>
                    </ul>
                </div>
                <div class="layer">
                    <h4>分类推荐 <span>根据您购买记录推荐</span></h4>
                    <ul class="toggleLayer"></ul>
                </div>
                <div class="towButton">
                    <p class="leftButton el-icon-arrow-left"></p>
                    <p class="rightButton el-icon-arrow-right"></p>
                </div>
                <ul class="images">
                    <li style="display: block;">
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
                            alt="">
                    </li>
                    <li>
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/1ba86bcc-ae71-42a3-bc3e-37b662f7f07e.jpg"
                            alt="">
                    </li>
                    <li>
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/6d202d8e-bb47-4f92-9523-f32ab65754f4.jpg"
                            alt="">
                    </li>
                    <li>
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/e83efb1b-309c-46f7-98a3-f1fefa694338.jpg"
                            alt="">
                    </li>
                    <li>
                        <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/4a79180a-1a5a-4042-8a77-4db0b9c800a8.jpg"
                            alt="">
                    </li>
                </ul>
            </div>
            <div class="imageLis">
                <ul>
                    <li data-id="0" style="background-color: #fff;"></li>
                    <li data-id="1"></li>
                    <li data-id="2"></li>
                    <li data-id="3"></li>
                    <li data-id="4"></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 新鲜好物 -->
    <div class="goodsNew panel">
        <div class="wrapper">
            <!-- 面板头部 -->
            <div class="panelHeader">
                <h3>新鲜好物<small>新鲜出炉 品质靠谱</small></h3>
                <a href="#" class="more">
                    查看全部<i class="el-icon-arrow-right"></i>
                </a>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods1">
                <a href="./html/detailList.html">
                    <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg" alt="">
                    <span class="name">儿童字母纯棉POLO衫73-130cm</span>
                    <span class="price">￥99.00</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg" alt="">
                    <span class="name">网易味央黑猪猪肘330g*1袋</span>
                    <span class="price">￥37.00</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yanxuan-item.nosdn.127.net/ddb4a80ac97a175bc633f0a53076815a.jpg" alt="">
                    <span class="name">儿童多色圆领印花短袖T恤110-160cm</span>
                    <span class="price">￥59.0</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg" alt="">
                    <span class="name">男女经典两带式软木拖鞋</span>
                    <span class="price">￥79.0</span>
                </a>
            </div>
        </div>
    </div>

    <!-- 人气推荐 -->
    <div class="goodsPopular panel">
        <div class="wrapper">
            <!-- 面板头部 -->
            <div class="panelHeader">
                <h3>人气推荐<small>人气爆款 不容错过</small></h3>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods1">
                <a href="./html/detailList.html">
                    <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/popular_1.jpg">
                    <span class="title">特惠推荐</span>
                    <span class="alt">它们最实惠</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/popular_2.jpg">
                    <span class="title">爆款推荐</span>
                    <span class="alt">他们最受欢迎</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/popular_3.jpg">
                    <span class="title">一站买全</span>
                    <span class="alt">使用场景下精心优选</span>
                </a>
                <a href="./html/detailList.html">
                    <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/popular_4.jpg">
                    <span class="title">领券中心</span>
                    <span class="alt">更多超值优惠券</span>
                </a>
            </div>
        </div>
    </div>

    <!-- 热门品牌 -->
    <div class="goodsBrand panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>热门品牌<small>国际经典 品质保证</small></h3>
                <div class="pageBar">
                    <span>
                        <a class="prev el-icon-arrow-left"></a>
                        <a class="next el-icon-arrow-right"></a>
                    </span>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="goods1">
                <ul>
                    <li>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/a25d210a-cf3d-49f5-9006-5c1e7c563bb9.jpg"
                                alt="">
                        </a>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/b5fd7624-1d1e-4ed9-b739-a8f44f2d08fc.jpg"
                                alt="">
                        </a>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/fdbc5113-dcca-4b7f-b1d6-c51faf8e3de9.jpg"
                                alt="">
                        </a>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/cc95ddbf-f2f8-4c48-9845-0c5364557198.jpg"
                                alt="">
                        </a>
                        <a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/cdeaf7eb-a68f-485c-9fc3-82358ebed83b.jpg"
                                alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="goods2" style="display: none;">
                <ul>
                    <li><a href="#">
                            <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/bb0411c8-0407-460b-9db2-e1ca377d7227.jpg"
                                alt="">
                        </a>
                        <a href="#"><img
                                src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/7f6a7b20-7902-4b43-b9c5-f33151ef1334.jpg"
                                alt=""></a>
                        <a href="#"><img
                                src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/b0941d16-a466-4f23-bbf4-90f818298abb.jpg"
                                alt=""></a>
                        <a href="#"><img
                                src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/4f998a72-6c37-44fc-bb28-c017541868e8.jpg"
                                alt=""></a>
                        <a href="#"><img
                                src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-22/07b52b63-d128-491f-b55e-ad9192a6baeb.jpg"
                                alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 分类商品 -->
    <!-- 居家 -->
    <div class="goodsCategory panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>居家</h3>
                <a href="./html/classify.html" class="more">
                    查看全部<i class="sprites el-icon-arrow-right"></i>
                </a>
                <div class="tabsBar">
                    <a href="#">水果</a>
                    <a href="#">茶咖酒具</a>
                    <a href="#">水具杯壶</a>
                    <a href="#">宠物食品</a>
                    <a href="#">宠物用品</a>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods2">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="https://yanxuan-item.nosdn.127.net/0d7d091a10faf1c22027046f517511cf.png?quality=95&thumbnail=610x610&imageView"
                                alt="" class="picture">
                        </a>
                        <div class="label">
                            <span>居家馆</span>
                            <span>3折起狂欢</span>
                        </div>
                    </li>
                    <li>
                        <!-- 商品图片 -->
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/44e51622800e4fceb6bee8e616da85fd.png"
                                    alt="">
                            </div>
                        </a>
                        <!-- 商品信息 -->
                        <div class="meta">
                            <p class="name">古法温酒汝瓷酒具套装白酒杯莲花温酒器</p>
                            <p class="flag">以汝瓷为载体制作的温酒器套组，酒器精美，酒杯玲珑、淡淡的天青釉色，足以让酒席上，再添几分色彩。</p>
                            <p class="price"><span>￥488.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">日式黑陶功夫茶组双侧把茶具礼盒装</p>
                            <p class="flag">日式风格单把设计防烫隔热美观大气</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/3346b7b92f9563c7a7e24c7ead883f18.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶 </p>
                            <p class="flag">智能温控出水流畅，容易操控</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/4356c9fc150753775fe56b465314f1eb.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">大师监制龙泉青瓷茶叶罐..................</p>
                            <p class="flag">世界非遗|青瓷世家出品|釉润如玉</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/5b3c61cf75a2480774616f5662a5bccf.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">精酿经典啤酒杯可乐杯气泡水杯两支装</p>
                            <p class="flag">意大利进口精酿啤酒杯与百年制杯历史的波兰经典啤酒杯</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/84a59ff9c58a77032564e61f716846d6.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">称心如意手摇咖啡磨豆机咖啡豆研磨机</p>
                            <p class="flag">随时随地享受自然美味</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/2d942d6bc94f1e230763e1a5a3b379e1.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">竹制干泡茶盘正方形沥水茶台品茶盘</p>
                            <p class="flag">干泡蓄水拆洗方便轻便实用</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/b011048adc2bf3952c72e741e47d1419.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">电动红酒醒酒器分酒器取酒器</p>
                            <p class="flag">贴心醒酒阀设计，随心开启，自由切换、轻松开启和关闭醒酒器功能</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 美食 -->
    <div class="goodsCategory panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>美食</h3>
                <a href="#" class="more">
                    查看全部<i class="sprites el-icon-arrow-right"></i>
                </a>
                <div class="tabsBar">
                    <a href="#">网易黑猪</a>
                    <a href="#">水产海鲜</a>
                    <a href="#">全球美食</a>
                    <a href="#">冷冻冷藏</a>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods2">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/home_goods_cover.jpg"
                                alt="" class="picture">
                        </a>
                        <div class="label">
                            <span>美食馆</span>
                            <span>全场3件8折</span>
                        </div>
                    </li>
                    <li>
                        <!-- 商品图片 -->
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg"
                                    alt="">
                            </div>
                        </a>
                        <!-- 商品信息 -->
                        <div class="meta">
                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                            <p class="flag">安心黑猪甄选好礼</p>
                            <p class="price"><span>￥37.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="	https://yanxuan-item.nosdn.127.net/e47ffac6fe8d65f2d77b449d7ccf2fc3.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">网易味央黑猪猪肘330g*1袋</p>
                            <p class="flag">安心黑猪甄选好礼</p>
                            <p class="price"><span>￥38.90</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">网易味央黑猪大排330g*1袋 </p>
                            <p class="flag">安心黑猪甄选好礼</p>
                            <p class="price"><span>￥37.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/b6e1cfa68ee53719b7ab2c8e0dc20916.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">去皮去刺，辅食好选择，比目鱼纯肉250g</p>
                            <p class="flag">鲜香海味，助力宝贝成长</p>
                            <p class="price"><span>￥43.80</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/1a960d40c5b68db1cd54bb9ccf8d7f18.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">鲜甜海味，深海大虾200g</p>
                            <p class="flag">人工筛选优质大虾，可做宝贝辅食</p>
                            <p class="price"><span>￥26.80</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/6cae31d27cb10e86baec46f555aa9d2d.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">虾肉饱满紧实，人工去头开背虾500g</p>
                            <p class="flag">虾肉饱满紧实，可做宝宝辅食</p>
                            <p class="price"><span>￥55.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/c1cdf62c5908659a9e4c8c2f9df218fd.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">中段精华，银鳕鱼切片200g</p>
                            <p class="flag">“餐桌上的营养师”，蛋白质丰富</p>
                            <p class="price"><span>￥109.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/510236a410c37836c6002ba927999ad5.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">营养高蛋白鲜嫩黑鱼片300克</p>
                            <p class="flag">活鱼切片，免洗免浆</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 服饰 -->
    <div class="goodsCategory panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>服饰</h3>
                <a href="#" class="more">
                    查看全部<i class="sprites el-icon-arrow-right"></i>
                </a>
                <div class="tabsBar">
                    <a href="#">室外拖鞋</a>
                    <a href="#">春夏潮鞋</a>
                    <a href="#">飞织系列</a>
                    <a href="#">一脚蹬懒人系列</a>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods2">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="https://yanxuan-item.nosdn.127.net/01227c93e9098342be591ea57b8953c7.jpg?quality=95&thumbnail=610x610&imageView"
                                alt="" class="picture">
                        </a>
                        <div class="label">
                            <span>服饰馆</span>
                            <span>全场3件8折</span>
                        </div>
                    </li>
                    <li>
                        <!-- 商品图片 -->
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"
                                    alt="">
                            </div>
                        </a>
                        <!-- 商品信息 -->
                        <div class="meta">
                            <p class="name">男女经典两带式软木拖鞋</p>
                            <p class="flag">经典两带式，舒适不过时</p>
                            <p class="price"><span>￥79.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/65aaa061f6ef6834c93018d2aeb79693.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">KENROLL吾皇潮趣男女室外拖鞋</p>
                            <p class="flag">潮流吾皇万睡</p>
                            <p class="price"><span>￥139.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/f598065789526b53a8a67d7482a2f357.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">KENROLL室外防滑男女运动拖鞋 </p>
                            <p class="flag">潮流外穿，运动鞋型</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/52fdcb0012a0939fc4d92c1e04fccda8.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">KENROLL男女简洁多彩一片式室外拖</p>
                            <p class="flag">多彩多色，夏日出行防护</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/79f289a4e975fd030d5c37b98b9282c5.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">Kenroll女士防滑夏季人字沙滩拖鞋</p>
                            <p class="flag">清爽人字拖鞋，轻松夏日出行</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/67c69cf439cbaea3cc34b9ea8859573e.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">小泡芙-简约两条带女式高跟凉鞋</p>
                            <p class="flag">摩登有质感，泡芙般柔软触感</p>
                            <p class="price"><span>￥171.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/43261ae2406e3d620deb42e32c7a54ed.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">男式头层牛皮软底豆豆鞋</p>
                            <p class="flag">舒适生活，悦享品质</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/a4cd3263546e2d384fd549cda9a0761e.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">简约真皮交叉带女式平底拖鞋</p>
                            <p class="flag">给你的jio泡芙包裹的温柔感</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 母婴 -->
    <div class="goodsCategory panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>母婴</h3>
                <a href="#" class="more">
                    查看全部<i class="sprites el-icon-arrow-right"></i>
                </a>
                <div class="tabsBar">
                    <a href="#">T恤/polo/衬衫</a>
                    <a href="#">卫衣/毛衫</a>
                    <a href="#">外套/套装</a>
                    <a href="#">连体衣/礼盒</a>
                </div>
            </div>
            <!-- 商品列表 -->
            <div class="panelGoods2">
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="https://yanxuan-item.nosdn.127.net/01227c93e9098342be591ea57b8953c7.jpg?quality=95&thumbnail=610x610&imageView"
                                alt="" class="picture">
                        </a>
                        <div class="label">
                            <span>母婴馆</span>
                            <span>全场3件8折</span>
                        </div>
                    </li>
                    <li>
                        <!-- 商品图片 -->
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg"
                                    alt="">
                            </div>
                        </a>
                        <!-- 商品信息 -->
                        <div class="meta">
                            <p class="name">儿童字母纯棉POLO衫73-130cm</p>
                            <p class="flag">甄选100%纯棉面料，手感细腻柔软，穿着舒适透气。</p>
                            <p class="price"><span>￥99.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="	https://yanxuan-item.nosdn.127.net/ddb4a80ac97a175bc633f0a53076815a.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">儿童多色圆领印花短袖T恤110-160cm</p>
                            <p class="flag">40S精梳棉面料，手感柔软细腻，舒适透气，耐洗耐穿</p>
                            <p class="price"><span>￥59.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/6d09b5d5f964b33f401b0c8a9cbea1ca.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">索罗娜面料，圆领印花插肩袖T恤110-160cm </p>
                            <p class="flag">索罗娜玉米纤维，杜邦新科技面料，绵软干爽舒适</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/3fbdf00e31de69f049ccde1fb7ba478d.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">打翻春天调色盘，儿童印花套头卫衣5-16岁/p>
                            <p class="flag">色彩丰富，落肩款自带时髦感</p>
                            <p class="price"><span>￥86.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/9ad83e8d9670b10a19b30596327cfd14.png"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">趣味美食家，儿童圆领印花卫衣5-16岁</p>
                            <p class="flag">甄选新疆棉，舒适透气</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/33ce94abe337dfd442ce8640401af5fe.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">2021年春季新品，儿童纯棉长袖T恤73-130cm</p>
                            <p class="flag">多色可选，童趣别致</p>
                            <p class="price"><span>￥59.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/11fdc566c7183e77bb36913dc79c57e4.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">2021春季新品，宝宝四季连体哈衣59-90cm</p>
                            <p class="flag">不同开襟方式，穿出更多花样</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <div class="imgBox">
                                <img src="https://yanxuan-item.nosdn.127.net/dc5031d0b9bcd473d28776546954dd41.jpg"
                                    alt="">
                            </div>
                        </a>
                        <div class="meta">
                            <p class="name">21春季新品，儿童时尚圆领卫衣1-8岁</p>
                            <p class="flag">多色卫衣，穿搭小达人</p>
                            <p class="price"><span>￥288.00</span></p>
                        </div>
                        <!-- 其它 -->
                        <div class="extra">
                            <a href="#">
                                <span>找相似</span>
                                <span>发现现多宝贝&gt;</span>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 最新专题 -->
    <div class="goodsTopic panel">
        <div class="wrapper">
            <div class="panelHeader">
                <h3>最新专题</h3>
                <a href="#" class="more">
                    查看全部<i class="sprites el-icon-arrow-right"></i>
                </a>
            </div>
            <div class="topic">
                <ul class="clearfix">
                    <li>
                        <a href="./html/detailList.html">
                            <img src="https://yanxuan-item.nosdn.127.net/3d22e25419075b4734d35c4bcbe58a0d.jpg" alt="">
                            <div class="meta">
                                <p class="title">
                                    儿童3D/平面口罩 30枚
                                    <small>说是儿童口罩但很大，不适合低龄儿童使用</small>
                                </p>
                                <span class="price"><small>￥</small>29.9起</span>
                            </div>
                        </a>
                        <div class="social">
                            <span class="like">
                                <i class="iconfont icon-zan"></i>9678
                            </span>
                            <span class="view">
                                <i class="iconfont icon-liulan"></i>9674
                            </span>

                            <span class="reply">
                                <i class="iconfont icon-31daipingjia
                                "></i>9674
                            </span>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <img src="https://yanxuan-item.nosdn.127.net/8de8a723b44b36e2d7672387287a3e43.jpg" alt="">
                            <div class="meta">
                                <p class="title">
                                    地表强温 男式鹅绒毛领经典派克宽松羽绒服
                                    <small>很好，很暖和(｡･ω･｡)！</small>
                                </p>
                                <span class="price"><small>￥</small>1299起</span>
                            </div>
                        </a>
                        <div class="social">
                            <span class="liked">
                                <i class="iconfont icon-zan"></i>5904
                            </span>
                            <span class="view">
                                <i class="iconfont icon-liulan"></i>5902
                            </span>

                            <span class="reply">
                                <i class="iconfont icon-31daipingjia
                                "></i>5902
                            </span>
                        </div>
                    </li>
                    <li>
                        <a href="./html/detailList.html">
                            <img src="https://yanxuan-item.nosdn.127.net/bbc7f32127fc8e99ed88fa2710d20722.png" alt="">
                            <div class="meta">
                                <p class="title">
                                    煎炸蒸煮 日式双耳多用锅 小煎锅寿喜烧
                                    <small>寿喜锅、煲仔砂陶碗以及石锅多项功能于一身的多用型选手~简即繁，外形设计较日式，更加偏向于制作寿喜烧那种菜肴的铸铁锅多一点，再加上六层压铸技术，所以还没收到的时候以为会很重，结果超轻！包装精简，女生也能美美使用~拿到锅的第一件事情必然是开锅~开锅不繁琐，效益享万年～底部也用心地印上了胖选独有的logo~熠熠生辉~严选控一本满足！锅体受热很快，较普通锑锅相比受热更加均匀，几乎同等的水能优先烧开，媲美小巧的雪平锅，但容量规格又秒杀雪平锅~锅盖两个出气的设计很好地避免了凑上去观看内部蒸煮情况时被蒸汽误伤的情形，对了！贴心地设计了两个隔热小把手套，我宣布~这多功能锅，现在就是我宝贝里面第一心头好！！！</small>
                                </p>
                                <span class="price"><small>￥</small>149起</span>
                            </div>
                        </a>
                        <div class="social">
                            <span class="like">
                                <i class="iconfont icon-zan"></i>133
                            </span>
                            <span class="view">
                                <i class="iconfont icon-liulan"></i>130
                            </span>

                            <span class="reply">
                                <i class="iconfont icon-31daipingjia
                                "></i>130
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 公共底部区域 -->
    <div class="footerII clearfix">
        <div class="wrapper">
            <!-- 联系我们 -->
            <div class="contact clearfix">
                <dl>
                    <dt>客户服务</dt>
                    <dd class="chat">在线客服</dd>
                    <dd class="feedback">问题反馈</dd>
                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd class="weixin">公众号</dd>
                    <dd class="weibo">微博</dd>
                </dl>
                <dl>
                    <dt>下载APP</dt>
                    <dd class="qrcode">
                        <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg">
                    </dd>
                    <dd class="download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="javascript:;">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="hotline">
                        400-0000-000
                        <span>周一至周日 8:00-18:00</span>
                    </dd>
                </dl>
            </div>
        </div>
    </div>

    <!-- 版权区域 -->
    <div class="footer">
        <div class="wrapper">
            <div class="top">
                <ul>
                    <li>
                        <!-- 通过伪元素添加精灵图 -->
                        <span>价格亲民</span>
                    </li>
                    <li>
                        <span>物流快捷</span>
                    </li>
                    <li>
                        <span>品质新鲜</span>
                    </li>

                </ul>
            </div>
            <div class="bottom">
                <p>
                    <a href="#">关于我们</a> |
                    <a href="#">帮助中心</a> |
                    <a href="#">售后服务</a> |
                    <a href="#">配送验收</a> |
                    <a href="#">商务合作</a> |
                    <a href="#">搜索推荐</a> |
                    <a href="#">友情链接</a>
                </p>
                <p>CopyRight © 小兔鲜儿</p>
            </div>
        </div>
    </div>
    <script src="./js/public.js"></script>
    <script src="./js/index.js"></script>
    <script src="./lib-master/index.js"></script>
</body>

</html>